<!--
 * @Author: your name
 * @Date: 2020-04-26 10:56:12
 * @LastEditTime: 2023-03-10 15:39:23
 * @LastEditors: geyulan 18500325526@163.com
 * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 * @FilePath: /coupon-laxin/src/App.vue
-->
<template>
  <div id="app">
    <keep-alive>
      <router-view v-if="$route.meta.keepAlive"></router-view>
    </keep-alive>
      <router-view v-if="!$route.meta.keepAlive"></router-view>
  </div>
</template>

<script>
export default {
  name: 'App',
  data () {
    return {
    }
  },
  created () {
  },
  mounted () {
  },
  computed: {

    key () {
      return this.$route.path + Math.random()
    }
  },
  methods: {

  },
  watch: {
    $route (to, from) {
      // if (to.path === '/home') {
      //   location.reload()
      // }
    }
  }
}
</script>

<style lang="less">
@import './mixin/publick.css';
#app {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.container {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  .content {
    flex: 1;
    overflow: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
}
input:focus::-webkit-input-placeholder {
  color: rgba(3, 16, 42, 0.19);
  font-weight: normal;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: rgba(3, 16, 42, 0.19);
  font-weight: normal;
}

input:focus:-ms-input-placeholder {
  color: rgba(3, 16, 42, 0.19);
  font-weight: normal;
}

input:-ms-input-placeholder {
  color: rgba(3, 16, 42, 0.19);
  font-weight: normal;
}
.no-more {
  font-size: 12px;
  color: rgba(23, 24, 26, 0.4);
  height: 44px;
  text-align: center;
  line-height: 44px;
}
@media screen and (min-width: 751px) {
  #app {
    width: 100%;
    margin: 0 auto;
  }
}
</style>
